Sizes
Colors and Uses
-
(none)
-
success
green, success, complete, done, finished
-
caution
yellow, warning, caution, incomplete
-
danger
red, danger, warning, alert, stop, not started
-
grey
grey, normal, active
-
inactive
greyed out, inactive, not available
-
noBackground
(can be used in addition to any color)
-
bold
(can be used in addition to any color)
-
white
(white on dark background)
-
darkBack
(adds white border for dark backgrounds)
Examples
Example Code |
Result |
<img class="svg" src="/images/icons/clipCheck.svg"/> |
|
<img class="svg size24 grey" src="/images/icons/clipCheck.svg"/> |
|
<img class="svg size64 success bold" src="/images/icons/clipCheck.svg"/> |
|
Application and Product Logos Icons
appConnect.svgapplication, connect
appConnectBlack.svgapplication, connect
appConnectColor.svgapplication, connect
appHQ.svgapplication, HQ
appHQBlack.svgapplication, HQ
appHQColor.svgapplication, HQ
appManage.svgapplication, manage
appManageBlack.svgapplication, manage
appManageColor.svgapplication, manage
appManageRx.svgapplication, managerx, pharmacy, pills
appManageRxColor.svgapplication, managerx, pharmacy, pills
appMARnoColor.svgapplication, ManageMAR
appPLATFORM.svgapplication, BlueStep PLATFORM
appPROnoColor.svgapplication, ManagePRO
appRelate.svgapplication, relate
appRelateBlack.svgapplication, relate
appRelateColor.svgapplication, relate
bluestepLogo.svgBlueStep Logo
bluestepLogoColor.svgBlueStep Logo
orgAdmin.svgnavigation, sites, organization, org admin, units, home, house, building
orgAdmin.svgapplication, org admin, organization administrator
orgAdminBlack.svgapplication, org admin, organization administrator
orgAdminColor.svgapplication, org admin, organization administrator
prodManageCare.svgproduct, manage, care, ManageCARE, heart
prodManageCareBlack.svgproduct, manage, care, ManageCARE, heart
prodManageCareColor.svgproduct, manage, care, ManageCARE, heart
prodManageMar.svgproduct, manage, mar, ManageMAR, pill
prodManageMarBlack.svgproduct, manage, mar, ManageMAR, pill
prodManageMarColor.svgproduct, manage, mar, ManageMAR, pill
prodManagePro.svgproduct, manage, pro, ManagePRO, star, complete, full
prodManageProBlack.svgproduct, manage, pro, ManagePRO, star, complete, full
prodManageProColor.svgproduct, manage, pro, ManagePRO, star, complete, full
prodPlatform.svgproduct, platform, BlueStep Platform, stack
prodPlatformColor.svgproduct, platform, BlueStep Platform, stack
|